*{margin: 0;padding:0;font-family: "microsoft yahei";}
*{padding:0;margin:0;box-sizing:border-box;list-style:none;}
.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}
a{text-decoration: none;}

.fl{float:left;}
.fr{float:right;}
.hide{display: none;}
table{ border-collapse:collapse;}

.wb{display: flex; display: -webkit-box;}
.wbc{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.wbw{display: block; flex: 1; -webkit-box-flex: 1;}

.main{position:relative;width:1920px;height:1080px;background:url(../img/16/bg.jpg) no-repeat center center;}
.box-shadow{position:relative;box-shadow: 0px 0px 10px #0061ae inset;background:rgba(1,10,54,.4)}

/* div中四个角 */
.main-map-line span{position:absolute;display:inline-block;width:10px;height:10px;z-index: 12;}
.line-top{top:0px;left:0px;border-left:1px solid #008ed6;border-top:1px solid #008ed6;}
.line-left{bottom:0px;left:0px;border-left:1px solid #008ed6;border-bottom:1px solid #008ed6;}
.line-right{top:0px;right:0px;border-right:1px solid #008ed6;border-top:1px solid #008ed6;}
.line-bottom{bottom:0px;right:0px;border-right:1px solid #008ed6;border-bottom:1px solid #008ed6;}

/* 二次供水首页 */
.section{width:1920px;height:1080px;background:url(../img/bg1.jpg) no-repeat center center;}
.header{position:relative;height:72px;}
.h-menu{display:inline-block;width:28px;height:28px;position:absolute;top:9px;left:10px;}
.h-logo{display:block;width:1078px;height:72px;margin:0 auto;}
.h-more{display:inline-block;position:absolute;top:5px;right:10px;}
/* 左侧 */
.header-l{position:absolute;top:0px;left:0px;height:40px;background:#0071cc;width:421px;}
.header-r{position:absolute;top:0px;right:0px;height:40px;background:#0071cc;width:421px;text-align: right;padding-right:55px;}
.head-r-16{float:right;padding-right:50px;color:#fff;padding-top:10px;font-size:14px;}
.body-l{width:415px;}
.body-l-div{padding-top:24px;padding-left:24px;}
.body-l-con{height:304px;position:relative;background:rgba(1,10,54,.4)}
/* 流量统计 */
.body-lltj{padding:13px 23px;}
.body-lltj-h3{position:relative;height:30px;}
.body-lltj-h3 span{font-size:26px;color:#f4f50b;}
.body-lltj-h3 font{font-size:14px;color:#94dbff;position:relative;top:10px;}
/* 巡检统计 */
.main-xjtj{position:relative;left:-8px;}
.xjtj-num{position:absolute;top:95px;color:#fff;left:57px;text-align: center;width:100px;}
.xjtj-num span{color:#F4F50B;font-size:27px;font-weight: bold;}
.xjtj-text{position:absolute;right:8px;color:#fff;top:-3px;}
.xjtj-text-li{height:46.5px;line-height:46px;}
.xjtj-text-span{font-size:14px;padding-right:12px;}
.xjtj-text-font{font-size:20px;color:#f4f50b;}
/* 项目统计 */
.body-c-xmli-h3{font-size:24px;color:#b5effb;text-align: center;padding-top:28px;font-weight: normal;padding-bottom:2px;}
.body-c-xmli-p{font-size:50px;color:#f4f50b;text-align: center;font-weight: bold;}
/* 消耗统计 */
.wu-xhtj{padding:10px 20px 20px}
.wu-xhtj-tit{color:#94dbff;padding:15px 0 18px;text-align: center;}
.wu-xhtj-tit a{font-size:14px;color:#94dbff;}
.wu-xhtj-tit a.on,.wu-xhtj-tit a:hover{color:#fff;}
.wu-xhtj-tal{color:#94dbff;font-size:14px;width:100%;border:0;font-size:14px;}
.wu-xhtj-tal tr td{border:0;border-bottom:1px solid rgba(148,219,255,.2);height:30px;column-span: 0;}
/* 分页 */
.wu-page{text-align: right;font-size:14px;padding-top:10px;}
.wu-pagel{font-family: '宋体';color:#94dbff}
.wu-pager{font-family: '宋体';color:#94dbff}
.wu-pagenum{color:#94dbff}
/* 能耗统计 */
.wave{padding-top:55px;}
.wave canvas{position:relative;left:-1px;}
.wave-l{position:relative;border:1px solid #0be89c;width:148px;height:148px;border-radius: 50%;margin-left:32px;;}
.wave-r{position:relative;border:1px solid #0be89c;width:148px;height:148px;border-radius: 50%;margin-right:32px;}
.wave-con{position:absolute;width:140px;left:1px;text-align: center;top:15px;}
.wave-h3{font-size:16px;color:#fff;font-weight: bold;}
.wave-p{font-size:34px;color:#F4F50B;font-weight: bold;}
/* 能耗统计右侧 */
.wu-right{width:812px;}
.wu-nhtj-r{width:155px;color:#94dbff;padding-right:26px;font-size:14px;}
.wu-nhtj-rli{position:relative;top:20px;border-bottom:1px solid rgba(148,219,255,.4);padding-top:15px;padding-bottom:5px;}
.wu-nhtj-rli span{position:absolute;top:15px;right:0px;}
.wu-date{position:absolute;top:15px;right:10px;}
/* 地图 */
#allmap {width: 100%;height: 980px;}
/* 切换 */
.nav-add{position:absolute;top:50px;right:20px;width:125px;background:url(../img/nbg.png) no-repeat right top;padding-top:7px;z-index: 999;}
.nav-addul{padding-top:5px;background:#0d78cf;border-radius:4px;padding-bottom:10px;}
.nav-addli{height:30px;line-height:30px;position:relative}
.nav-addli a{display:block;padding:0 20px;color:#94dbff;}
.nav-addli a p{padding-left:20px;}
.nav-addli a span{display:inline-block;width:20px;height:20px;position: absolute;top:5px;left:13px;}
.nav-add1{background: url(../img/nico1.png) no-repeat 0 0;}
.nav-add2{background: url(../img/nico2.png) no-repeat 0 0;}
.nav-add3{background: url(../img/nico3.png) no-repeat 0 0;}
.nav-add4{background: url(../img/nico4.png) no-repeat 0 0;}
.nav-addli:hover a,.nav-addli a.active{background:#1b84d5;color:#fff;}
.nav-addli:hover a span,.nav-addli a.active span{background-position: -22px 0;}

/* 标题 */
.body-title h3{font-size:24px;color:#a6e1ff;font-weight:bold;position:relative;
background-image:-webkit-linear-gradient(bottom,#008ed6,#d2faff);background-image:-o-linear-gradient(bottom,#008ed6,#d2faff);background-image:-moz-linear-gradient(bottom,#008ed6,#d2faff);
background-image:linear-gradient(bottom,#008ed6,#d2faff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
padding-top:24px;padding-left:24px;line-height:24px;}
/*.body-title h3:after{content:"流量统计";display:block;position:absolute;color:yellow;left:24px;top:24px;z-index:2;-webkit-mask-image:-webkit-gradient(linear,0 0,0 bottom,from(yellow),to(rgba(0,0,255, 0)));} */
/* 中间 */
.body-c{width:1061px;}
.body-c-div{padding-top:24px;padding-left:24px;}
.body-c-con{position:relative;height:798px;}
.body-c-xm{overflow: hidden;position:relative;}
.body-c-xmdiv{width:1050px;position:relative;left:-6px;}
.body-c-xmli{width:25%;}
.body-c-xmlibg{padding:13px 6px 0;}
.body-c-xmlicon{position:relative;height:148px;}

/* 地图 */
/* 导航 */
.head-menu{position:absolute;top:5px;left:10px;}
.head-menu:hover{background:rgba(0,0,0,.3);height:30px;}
.main-nav{position:absolute;top:40px;left:0px;bottom:0px;background:#001331;width:198px;z-index: 13;}
.main-navli{padding:3px 0;}
.main-navli a{display:block;height:40px;line-height:40px;color:#94dbff;padding-left:15px;}
.main-navli a img{vertical-align: middle;}
.main-navli a span{padding-left:10px;}
.main-nav .on{background:url(../img/nav-bg.jpg) no-repeat center left;}
.main-navli:hover{background:url(../img/nav-bg.jpg) no-repeat center left;}
.nav-left{position:absolute;top:40px;width:200px;z-index:13;background:#001331;   }
.nav-left .on{background:url(../img/nav-bg.jpg) no-repeat center center;}
/* 地区选择 */
.nav-fir{padding:20px 0}
.s-lresadr{position:relative;height:28px;border:1px solid #0071cc;margin:0 21px;}
a.s-lmore{position:absolute;top:3px;right:5px;}
/* 搜索 */
.nav-res{display:block;position:relative;width:158px;height:30px;border:1px solid #0071cc;line-height:30px;text-indent: 10px;margin:0 auto;color:#94dbff;font-size:12px;margin-top:18px;}
input.nav-resl{background:none;border:none;}
input.nav-resr{position: absolute;top:0px;right:0px;width:30px;height:30px;background:url(../img/ico23.png) no-repeat center center;border:none;cursor: pointer;}
input.nav-resr:hover{background-color:rgba(255,255,255,.4)}
.nav-text{padding:20px 21px 0;line-height:24px;color:#94dbff;font-size:12px;}

/* 项目 */
.content {margin: 0px;height: 714px;padding: 25px 5px 0;overflow: auto;}
.con-ul li a{display:block;position:relative;padding-left:30px;color:#94dbff;font-size:12px;height:34px;line-height:34px;}
.con-ul li a:before{position:absolute;top:15px;left:18px;content:"";display:inline-block;width:2px;height:2px;border-radius:3px;background:#94dbff;}
label.BMapLabel{border:1px solid #94dbff !important;background:rgba(148,219,255,.8) !important;}
.con-ul li a:hover,.con-ul li a.on{background:url(../img/bg3.png) no-repeat 150px center;color:#fff;}
.con-ul li:hover a:before,.con-ul li a.on:before{background:#fff;}
div.left224{padding-left:224px;position:relative}
.map-ico{position:absolute;top:20px;right:28px;color:#fff;width:190px;background:rgba(255,255,255,.2);padding:8px;}
.map-icoli{padding-right:10px;font-size:12px;line-height:20px;min-width:87px}
.map-icoli img{width:20px;position:relative;top:-2px;vertical-align: middle;}

/* 地图弹窗 */
.main-zdxq{position:absolute;top:50%;left:50%;width:340px;height:272px;margin-top:-141px;margin-left:-170px;background:#fff;border-radius: 3px;overflow: hidden;}
.main-zdxq-h3{position:relative;height:34px;background:#0071cc;color:#fff;padding:0 20px;line-height:34px;font-size:12px;font-weight: normal;}
.main-zdxq-close{position:absolute;top:2px;right:2px;cursor: pointer;height:30px;}
.main-zdxq-close:hover{background:#03559b}
.main-zdxq-body{padding:15px;}
.main-zdxq-body-li{height:34px;line-height:34px;font-size:14px;border-bottom:1px solid #eee;}
.main-zdxq-body-li i{font-style: normal;}
.main-zdxq-btn{float:right;padding:10px 20px 0;}
button.main-zdxq-btnl{width:72px;height:32px;line-height:32px;text-align: center;border:1px solid #0071cc;color:#0071cc;background:#ffffff;border-radius: 5px;cursor: pointer;}
button.main-zdxq-btnr{width:94px;height:32px;line-height:32px;text-align: center;border:1px solid #0071cc;color:#fff;background:#0071cc;border-radius: 5px;cursor: pointer;}
.main-zdxq-btn button:hover{background:#1488e6;color:#fff}
/* 供水详情 */
.ecgs{padding-top:23px;}
.ecgs-l{width:838px;}
.ecgs-fir{height:751px;position:relative;}
.ecgs-fir-con{padding:11px;position:relative;}
.ecgs-bg{overflow:hidden;}
.device{position:absolute;top:10px;left:10px;right:10px;bottom:10px;}
.ecgs-txt span{color:#0c74bc;font-size:24px;}
.ecgs-num1{position:absolute;left:72px;top:210px;font-weight:bold}
.ecgs-num2{position:absolute;left:72px;top:548px;font-weight:bold}
.ecgs-num3{position:absolute;left:260px;top:570px;font-weight:bold}
.ecgs-num4{position:absolute;left:465px;top:64px;font-weight:bold}
.ecgs-num5{position:absolute;left:670px;top:548px;font-weight:bold}
.ecgs-num6{display:inline-block;width:20px;height:20px;position:absolute;top:284px;left:200px;}
.ecgs-num6 img{width:18px;height:18px;}
.ecgs-num7{display:inline-block;width:20px;height:20px;position:absolute;top:290px;left:229px;}
.ecgs-num7 img{width:18px;height:18px;}
.ecgs-num8{display:inline-block;width:20px;height:20px;position:absolute;top:292px;left:257px;}
.ecgs-num8 img{width:18px;height:18px;}
.ecgs-num9{display:inline-block;width:20px;height:20px;position:absolute;top:298px;left:287px;}
.ecgs-num9 img{width:18px;height:18px;}
.ecgs-num10{display:inline-block;width:20px;height:20px;position:absolute;top:315px;left:318px;}
.ecgs-num10 img{width:18px;height:18px;}

/* 箱式后加 */
.ecgs-num6a{display:inline-block;width:20px;height:20px;position:absolute;top:286px;left:213px;}
.ecgs-num6a img{width:18px;height:18px;}
.ecgs-num7a{display:inline-block;width:20px;height:20px;position:absolute;top:292px;left:243px;}
.ecgs-num7a img{width:18px;height:18px;}
.ecgs-num8a{display:inline-block;width:20px;height:20px;position:absolute;top:295px;left:272px;}
.ecgs-num8a img{width:18px;height:18px;}
.ecgs-num9a{display:inline-block;width:20px;height:20px;position:absolute;top:302px;left:300px;}
.ecgs-num9a img{width:18px;height:18px;}

.ecgs-num6b{display:inline-block;width:20px;height:20px;position:absolute;top:286px;left:213px;}
.ecgs-num6b img{width:18px;height:18px;}
.ecgs-num7b{display:inline-block;width:20px;height:20px;position:absolute;top:292px;left:243px;}
.ecgs-num7b img{width:18px;height:18px;}
.ecgs-num8b{display:inline-block;width:20px;height:20px;position:absolute;top:295px;left:272px;}
.ecgs-num8b img{width:18px;height:18px;}
.ecgs-num9b{display:inline-block;width:20px;height:20px;position:absolute;top:312px;left:302px;}
.ecgs-num9b img{width:18px;height:18px;}

.ecgs-num6c{display:inline-block;width:20px;height:20px;position:absolute;top:287px;left:225px;}
.ecgs-num6c img{width:18px;height:18px;}
.ecgs-num7c{display:inline-block;width:20px;height:20px;position:absolute;top:293px;left:259px;}
.ecgs-num7c img{width:18px;height:18px;}
.ecgs-num8c{display:inline-block;width:20px;height:20px;position:absolute;top:299px;left:290px;}
.ecgs-num8c img{width:18px;height:18px;}
.ecgs-num8cm{display:inline-block;width:20px;height:20px;position:absolute;top:296px;left:326px;}
.ecgs-num8cm img{width:18px;height:18px;}

.ecgs-num6d{display:inline-block;width:20px;height:20px;position:absolute;top:290px;left:238px;}
.ecgs-num6d img{width:18px;height:18px;}
.ecgs-num7d{display:inline-block;width:20px;height:20px;position:absolute;top:296px;left:279px;}
.ecgs-num7d img{width:18px;height:18px;}

.ecgs-num6e{display:inline-block;width:20px;height:20px;position:absolute;top:288px;left:225px;}
.ecgs-num6e img{width:18px;height:18px;}
.ecgs-num7e{display:inline-block;width:20px;height:20px;position:absolute;top:292px;left:258px;}
.ecgs-num7e img{width:18px;height:18px;}
.ecgs-num8e{display:inline-block;width:20px;height:20px;position:absolute;top:310px;left:290px;}
.ecgs-num8e img{width:18px;height:18px;}


.ecgs-num18af{display:inline-block;width:24px;height:25px;position:absolute;top:310px;left:404px;}
.ecgs-num18af img{width:24px;height:25px;}
/* 箱式后加结束 */





.ecgs-num11{position:absolute;top:73px;left:544px;font-weight:bold}
.ecgs-num12{position:absolute;top:562px;left:80px;font-weight:bold}
.ecgs-num13{position:absolute;top:470px;left:690px;font-weight:bold}
.ecgs-num14{position:absolute;top:564px;left:637px;font-weight:bold}
.ecgs-num15{display:inline-block;width:20px;height:20px;position:absolute;top:217px;left:224px;}
.ecgs-num15 img{width:24px;height:25px;}
.ecgs-num16{display:inline-block;width:24px;height:25px;position:absolute;top:238px;left:274px;}
.ecgs-num16 img{width:24px;height:25px;}
.ecgs-num17{display:inline-block;width:24px;height:25px;position:absolute;top:259px;left:324px;}
.ecgs-num17 img{width:24px;height:25px;}
.ecgs-num18{display:inline-block;width:24px;height:25px;position:absolute;top:280px;left:374px;}
.ecgs-num18 img{width:24px;height:25px;}
.ecgs-num19{display:inline-block;width:24px;height:25px;position:absolute;top:325px;left:434px;}
.ecgs-num19 img{width:24px;height:25px;}
/* 4 */
.ecgs-num15a{display:inline-block;width:20px;height:20px;position:absolute;top:227px;left:247px;}
.ecgs-num15a img{width:24px;height:25px;}
.ecgs-num16a{display:inline-block;width:24px;height:25px;position:absolute;top:245px;left:297px;}
.ecgs-num16a img{width:24px;height:25px;}
.ecgs-num17a{display:inline-block;width:24px;height:25px;position:absolute;top:267px;left:349px;}
.ecgs-num17a img{width:24px;height:25px;}
.ecgs-num18a{display:inline-block;width:24px;height:25px;position:absolute;top:290px;left:404px;}
.ecgs-num18a img{width:24px;height:25px;}
/* 3 */
.ecgs-num15b{display:inline-block;width:20px;height:20px;position:absolute;top:235px;left:269px;}
.ecgs-num15b img{width:24px;height:25px;}
.ecgs-num16b{display:inline-block;width:24px;height:25px;position:absolute;top:255px;left:323px;}
.ecgs-num16b img{width:24px;height:25px;}
.ecgs-num17b{display:inline-block;width:24px;height:25px;position:absolute;top:280px;left:385px;}
.ecgs-num17b img{width:24px;height:25px;}
/* 2-1 */
.ecgs-num17c{display:inline-block;width:24px;height:25px;position:absolute;top:300px;left:385px;}
.ecgs-num17c img{width:24px;height:25px;}
/* 2 */
.ecgs-num15d{display:inline-block;width:20px;height:20px;position:absolute;top:240px;left:289px;}
.ecgs-num15d img{width:24px;height:25px;}
.ecgs-num16d{display:inline-block;width:24px;height:25px;position:absolute;top:272px;left:360px;}
.ecgs-num16d img{width:24px;height:25px;}

.ecgs-tit{position:absolute;top:11px;left:11px;height:42px;background: url(../img/bg4.png) no-repeat center left;right:11px;}
.ecgs-tit-h3{font-size:24px;color:#fff;padding-left:15px;font-weight: normal;line-height:40px;}
.ecgs-tit-kz{display:inline-block;width:40px;height:40px;position:absolute;top:10px;right:10px;}
.ecgs-kz{position:absolute;right:21px;top:21px;background:#fff;border-radius:3px;overflow: hidden;width:450px;}
.ecgs-kz-tit{position:relative;height:32px;background:#0071cc;color:#fff;font-size:14px;font-weight: normal;padding-left:15px;line-height:32px;}
.ecgs-kz-close{position:absolute;top:0px;right:10px;}
/* 控制 */
.ecgs-kz-bar{position:relative;padding:10px 18px 8px;}
.ecgs-kz-bar h3{font-size:14px;color:#333;}
.ecgs-kz-bar p{font-size:12px;color:#666;}
.wu-kzhead-span{position:relative;background:#2884fc;display:inline-block;width:50px;height:24px;border-radius:12px;cursor:pointer}
.wu-kzhead-i{display:inline-block;width:20px;height:20px;position:absolute;top:2px;right:2px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);border-radius: 10px;background:#fff;}
span.wu-kz-stop{background:#fff;border:1px solid #ddd;}
.pos1{position:absolute;top:15px;right:15px;}
.ecgs-kz-div{color:#333;font-size:14px;padding:5px 10px;}
.ecgs-kz-tab{width:100%;text-align: center;}
.ecgs-kz-tab-tit{background:#dedede;height:32px;}
.ecgs-kz-tr{border-bottom:1px solid #ddd;height:50px;color:#333;}
.ecgs-kz-sec input{border:1px solid #ddd;border-radius:3px;display:inline-block;width:60px;height:24px;text-indent: 5px;}
.pos2{position:relative;top:3px;}
.ecgs-kz-bot{padding:10px;text-align: right;}
.ecgs-kz-bot button.ecgs-kz-btnl{display:inline-block;height:30px;width:58px;background:#fff;font-size:14px;color:#0071cc;border:1px solid #0071cc;border-radius:3px;cursor: pointer;}
.ecgs-kz-bot button.ecgs-kz-btnr{display:inline-block;height:30px;width:58px;background:#0071cc;font-size:14px;color:#fff;border:1px solid #0071cc;border-radius:3px;cursor: pointer;}
/* 设备状态 */
.ecgs-zt{position:absolute;bottom:15px;left:18px;right:15px;}
/* .ecgs-ztli{width:25%;} */
.ecgs-ztli{max-width:200px;}
.ecgs-ztlicon{padding:5px;}
.ecgs-ztlibg{background:#85c700;;color:#fff;color:#fff;border-radius:3px;}
.ecgs-ztlitxt{padding:0 5px 0 0;height:80px;margin:0 auto;position:relative}
.ecgs-ztleft{position:absolute;top:11px;bottom:11px;left:12px;width:62px;border-right:1px solid rgba(255,255,255,.3);text-align: center;}
.ecgs-ztleft img{position:relative;margin-top:-1px;}
.ecgs-ztleft p{font-size:12px;position:relative;top:-4px;}
.ecgs-ztright{padding-left:88px;padding-top:10px;}
.ecgs-ztright p{font-size:28px;color:#f0ff00;padding-left:0px;font-weight: normal;}
/* 实时数据 */
.ecgs-ss{margin-top:24px;height:185px;}
.ecgs-sscon{margin-top:22px;padding:0 10px 0;height:102px;overflow: hidden;}
.ecgs-ssli{width:33.3%;height:33px;line-height:32px;}
.ecgs-sstxt{padding:0 10px;}
.ecgs-sstab{position:relative;border-bottom:1px solid rgba(40,132,252,.4)}
.ecgs-sstab p{color:#94dbff;font-size:14px;}
.ecgs-sstab span{position:absolute;top:0px;right:0px;color:#fff;}
/* 右侧 */
.ecgs-r{width:811px;margin-left:24px;}
.ecgs-v{height:634px;}
.ecgs-vcon{position:relative;padding:12px;}
.ecgs-vpic{overflow: hidden;}
.ecgs-vpic img{width:786px;height:608px;}
.ecgs-vli{position:absolute;top:23px;right:36px;width:55px;}
.ecgs-vli span{display:inline-block;width:68px;height:50px;border:1px solid #fff;background:#000;}
.ecgs-vli span img{width:100%;height:48px;opacity: .7;}
.ecgs-vli span.on img{width:100%;height:48px;opacity: 1;}
/* 表格 */
.ecgs-bgl{height:304px;position:relative;width:394px;margin-top:23px;}
.ecgs-bgr{height:304px;position:relative;width:394px;margin-top:23px;}
/* 消耗统计 */
div.wu-li{width:394px;}
div.wu-li .main-body-div-con-bg{overflow: visible;}
div.wu-li .main-body-div-con{padding-left:0px;padding-top:0px;padding-bottom:24px;}
.wu-xhtj{padding:20px 20px 20px}
.wu-xhtj-tit{color:#94dbff;padding:15px 0 18px;text-align: center;}
.wu-xhtj-tit a{font-size:14px;color:#94dbff;}
.wu-xhtj-tit a.on,.wu-xhtj-tit a:hover{color:#fff;}
.wu-xhtj-tal{color:#94dbff;font-size:14px;width:100%;border:0;font-size:14px;}
.wu-xhtj-tal tr td{border:0;border-bottom:1px solid rgba(148,219,255,.2);height:28px;column-span: 0;}
/* 分页 */
.wu-page{text-align: right;font-size:14px;padding-top:10px;}
.wu-pagel{font-family: '宋体';color:#94dbff}
.wu-pager{font-family: '宋体';color:#94dbff}
.wu-pagenum{color:#94dbff}


/* 详情右侧 */
.wu-nhtj-r{width:155px;color:#94dbff;padding-right:26px;font-size:14px;}
.wu-nhtj-rli{position:relative;top:20px;border-bottom:1px solid rgba(148,219,255,.4);padding-top:15px;padding-bottom:5px;}
.wu-nhtj-rli span{position:absolute;top:15px;right:0px;}
.wu-date{position:absolute;top:15px;right:10px;z-index: 3;}

/* 时间查询 */
.wu-cx{position:absolute;top:24px;right:15px;width:258px;height:140px;background:#fff;border-radius:3px;background:#fff;overflow: visible !important;z-index: 16;}
.wu-cx-h3{position:relative;height:32px;background:#0071cc;color:#fff;font-size:14px;padding-left:10px;line-height:32px;border-radius:3px 3px 0 0}
.wu-cx-close{position:absolute;top:0px;right:5px;}
.wu-cxbody{padding:10px;}
.wu-cx-con{height:34px;border:1px solid #ddd;border-radius:3px;}
.wu-cx-conl,.wu-cx-conr{width:110px;}
.wu-cx-conl input{border:none;background:none;}
.wu-cx-conc{display:inline-block;width:14px;float: left;padding-top:3px;;}
.wu-cx-conr input{border:none;background:none;}
/* 按钮 */
.wu-cx-btn{text-align: right;padding-top:18px;}
button.wu-cx-btnl{display:inline-block;width:50px;height:30px;line-height:28px;border:1px solid #0071cc;color:#0071cc;background:#fff;border-radius:3px;}
button.wu-cx-btnr{display:inline-block;width:50px;height:30px;line-height:28px;border:1px solid #0071cc;color:#fff;background:#0071cc;border-radius:3px;}
/* 轮播 */
.img-slide1{position:absolute;z-index: 1;width:100%;height:304px;background:rgba(1,10,54,.4);opacity: 0;}
.slide-btn1{position:absolute;bottom:10px;left:0px;right:0px;text-align: center;z-index: 22;}
.slide-btn1 a{display:inline-block;width:10px;height:10px;background:#fff;border-radius:10px;}

.img-slide{position:absolute;z-index: 1;width:100%;height:304px;background:rgba(1,10,54,.4);opacity: 0;}
.slide-btn{position:absolute;bottom:10px;left:0px;right:0px;text-align: center;z-index: 22;}
.slide-btn a{display:inline-block;width:10px;height:10px;background:#fff;border-radius:10px;}
.main-body-title{font-size:24px;color:#a6e1ff;font-weight: bold;background-image:-webkit-linear-gradient(bottom,#0083c5,#d2faff); 
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-top:24px;padding-left:24px;line-height:24px;}
/* 设备生命周期 */
.main-sbsmzq{padding:5px 24px;}
.main-sbsmzq-li{height:50px;position:relative}
.main-sbsmzq-text{color:#fff;height:50px;}
.main-sbsmzq-textl{font-size:14px;position:relative;top:25px;}
.main-sbsmzq-textr{font-size:14px;color:#fff;position:relative;top:25px;}
.main-sbsmzq-con{width:100%;height:8px;background:#00264b;border-radius: 5px;}
.main-sbsmzq-con span{content: "";display:block;height:8px;border-radius: 5px;}
.main-blue{background:#0be89c;}
.main-orange{background:#ff9900;}
.main-red{background:#0be89c;}

/* 水质监测统计 */
.main-szjc-rate1{position:absolute;top:110px;left:260px;color:#fff;}
.main-szjc-rate2{position:absolute;top:148px;left:275px;color:#fff;}
.main-szjc-rate3{position:absolute;top:186px;left:260px;color:#fff;}
.main-szjc-num{position:absolute;top:95px;right:20px;color:#f4f50b;font-size:32px;text-align: right;}
.main-szjc-num span{display: block;height:38px;}
.main-szjc-tit{position:relative}
.main-szjc-titl{font-size:18px;color:#fff;font-weight: normal;padding-left:24px;padding-top:10px;}
.main-szjc-titr{position:absolute;right:24px;top:-2px;font-size:32px;color:#f4f50b}
.main-clltj{position:relative;padding-top:40px;}
/* 告警统计 */
.main-wntj{position:relative;}
.main-wntj-title{position:absolute;top:12px;left:24px;right:24px;}
.main-wntj-titlel{font-size:30px;color:#f4f50b;}
.main-wntj-titler{font-size:14px;color:#94dbff;padding-top:15px;}

/* 视频监控 */
.wu-center{width:812px;height:960px;margin-left:24px;}
.wu-video{position:relative;background:#001d40;margin-bottom:24px;}
.wu-video-pic{padding:10px;}
.wu-video-pic img{height:612px;width:100%;vertical-align: top;}
.wu-video-num{position:absolute;top:20px;right:20px;}
.wu-video-li{display: block;width:70px;height:52px;border:1px solid #fff;background:#000;margin-bottom:8px;}
.wu-video-li img{width:70px;height:52px;opacity: .5;}
.wu-video-num .on img{opacity: 1;}
.wu-video-tit{position:absolute;bottom:10px;left:10px;right:10px;height:50px;background:rgba(0,0,0,.3)}
.wu-video-titp{text-align: center;line-height:50px;color:#fff;font-size:18px;}
.wu-video-tita{position:absolute;top:5px;right:15px;}
/* 视频按钮 */
.wu-video-btn{position:absolute;bottom:-122px;left:0px;right:0px;padding:24px;background:#0071cc;z-index: 22;text-align:center}
.wu-video-btnli{display:inline-block;padding:8px;border-radius:5px;background:#fff;margin-left:12px;margin-right:12px;}
/* 时间样式 */
.wu-cx-conr .wui-date-picker.left{left:-122px;}
.wu-cx-conl .wui-date-picker.left{left:-72px;}

/* 背景颜色 */
.wu-blue{background:#0071cc;}
.wu-grew{background:#c9c7c6;}
.wu-red{background:#f44b2f;}

.wu-btnl{font-size:12px;color:#2884fc;border:1px solid #2884fc;background:#fff;line-height:26px;padding-bottom:2px;cursor:pointer}
.wu-btnr{font-size:12px;color:#fff;border:1px solid #2884fc;background:#2884fc;line-height:26px;padding-bottom:2px;cursor:pointer}

.hide{display:none;}

.h-time{color:#fff;padding-top:9px;display:inline-block}
/* 动画 */
.movea{-moz-animation:sixa;-webkit-animation:sixa;-o-animation:sixa; right:28px;background:#eee;}
@keyframes sixa{from { right:2px;}to { right:28px;}}
@-moz-keyframes sixa /* Firefox */{from { right:2px;}to { right:28px;}}
@-webkit-keyframes sixa /* Safari and Chrome */{from { right:2px;}to { right:28px;}}
@-o-keyframes sixa /* Opera */{from { right:2px;}to { right:28px;}}
.trana{-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}










